<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {}
  },
  watch: {},
  created () {

  },
  methods: {},
  computed: {}
}
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
// textarea计数限制不挡住文本框里面输入的字
.el-textarea textarea {
  padding-bottom: 13px;
}
.el-textarea .el-input__count {
  height: 12px;
  line-height: 12px;
}
.avue-sidebar .el-menu-item.is-active i,
.avue-sidebar .el-menu-item.is-active span {
  color: #0052D9 !important;
}
.avue--detail .el-form-item__label{
  padding-left: 5px;
}
.avue--detail .el-col{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0!important;
}
.avue--detail .el-form-item--mini.el-form-item, .avue--detail .el-form-item--small.el-form-item{
  margin: 0;
}
.el-collapse {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.el-dialog__headerbtn{
  top: 18px;
}
// .avue--detail .el-form-item__content{
//   padding-left: 0px;
// }
.avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active{
  box-shadow: none !important;
}
 .avue-crud__img {
  //列表图片靠左对齐
  justify-content: flex-start !important;
}

 .avue-crud__img img {
  //列表图片靠左对齐
  margin-left: 0 !important;
}

 .el-switch__label--left {
  //列表开启关闭按钮靠左对齐
  margin-right: 0 !important;
}

 .avue-upload__icon {
  display: block !important;
  //列表开启关闭按钮靠左对齐
  // line-height: 178px !important;
  transform: translateY(75px) !important;
}

 .el-tabs__active-bar {
  background-color: #0052D9 !important; //切换活动项的长条颜色
}

 .el-tabs__item.is-active {
  //切换活动项的文字颜色
  color: #0052D9 !important;
}

.el-tabs__item:hover {
  color: #0052D9 !important;
}

.el-tabs__item {
  padding: 0px;
  width: 130px;
  text-align: center;
}

.item {
  margin: 10px;
  color: #0052D9;
}
.avue-dialog .el-dialog__header {
  background-color: #0052D9;
}
.el-dialog__title {
  // margin: 0 auto;
  color: #fff !important;
}
.el-dialog__header {
  background-color: #0052D9;
  padding:15px;
  text-align: left;
  .el-dialog__title {
    color: #fff;
  }
}
.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}
.avue-crud__dialog__menu i {
  color: #fff;
}
.avue-crud__dialog__menu i:hover {
  color: #fff;
}
.el-table--fit {
  margin-left: 10px;
}
.el-collapse-item__content {
  margin-top: 0 !important;
}
// 去除textarea小符号
.el-dialog {
  .el-dialog__body {
    .avue-form__group--flex {
      .el-form-item__content {
        textarea {
          resize: none;
        }
      }
    }
  }
}
// 列表颜色靠左对齐
.avue-crud__color{
  margin:0;
}
.el-button:hover,.el-button:focus{
  background-color: #fff;
  border:1px solid #DCDFE6;
  color:#0052D9;
}
.el-button--primary,.el-button--primary:hover,.el-button--primary:focus{
  background-color: #0052D9;
  border:1px solid #0052D9;
  color:#fff;
}
// 侧边栏菜单
.el-menu-item:hover span,.el-submenu .is-active,.el-menu-item:hover i{
  color: #0052D9 !important;
}
.avue-sidebar .el-menu-item.is-active i,
.avue-sidebar .el-menu-item.is-active span {
  color: #0052D9 !important;
}
.avue-sidebar .el-menu-item.is-active{
  background: #F5F8FB !important;
}
.avue-sidebar .el-menu-item.is-active:before, .avue-sidebar .el-submenu__title.is-active:before{
  background: #F5F8FB !important;
}
.avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active{
  border-bottom:3px solid #0052D9 !important;
}

// 上传按钮提示文字颜色
.el-upload__tip{
  color:#F74451;
}
</style>
